<template>
  <div>
     <h2>物流相关信息</h2>
      <div class="logistics-info-header">
        <div class="logistics-info-header-left">
          <div class="logistics-status blue">未发货</div>
          <div class="logistics-company">顺丰速运</div>
          <div class="logistics-no">SF123456789</div>
        </div>
      </div>
      <ul class="logistics-info-list">
        <li>
          <div class="logistics-info-list-time">2023-02-03 00:00:00</div>
          <div class="logistics-info-list-content">快件已经发货</div>
        </li>
      </ul>
      <button v-permission="obj.role">查看物流详情</button>
  </div>
</template>

<script>
export default {
  props: {
    obj: {
      type: Object,
      required: true
    }
  },
  name: 'LogisticsCom',
  data () {
    return {}
  },
  methods: {}
}
</script>

<style scoped lang='less'></style>
